<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>rank</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1977519_98pjeekfro.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/rank.css">
</head>

<body>
    <header>
        <ul class="head-list">
            <li class="backk">
                <a href="#" class="iconfont iconarrowleft"></a>
            </li>
            <li class="app-name">心悦小说</li>
            <li>
                <a href="./search.html" class="iconfont iconsearch2"></a>
                <a href="./login.html" class="iconfont iconuser_line"></a>
            </li>
        </ul>
    </header>
    <nav>
        <ul class="nav">
            <li>
                <a href="./bag.html">书包</a>
            </li>
            <li>
                <a href="./index.html">精选</a>
            </li>
            <li>
                <a href="javascript:void(0);" class="nav-on">排行</a>
            </li>
            <li>
                <a href="./cate.html">分类</a>
            </li>
        </ul>
    </nav>
    <main>
        <div class="boys wapper">
            <div class="main-tit">男生热榜</div>
            <!--  -->
        </div>
        <div class="hot-into" >
            <a href="#" data-tag="0" data-hh="男生热榜">进入男生热榜</a>
        </div>

        <div class="fantasy wapper">
            <div class="main-tit">玄幻热门榜</div>
            <!--  -->
        </div>
        <div class="hot-into">
            <a href="#" data-tag="1">进入玄幻热门榜</a>
        </div>

        <div class="city wapper">
            <div class="main-tit">都市热门榜</div>
            <!--  -->
        </div>
        <div class="hot-into">
            <a href="#" data-tag="2">进入都市热门榜</a>
        </div>

        <div class="girls wapper">
            <div class="main-tit">女生热榜</div>
            <!--  -->
        </div>
        <div class="hot-into">
            <a href="#" data-tag="3">进入女生热榜</a>
        </div>

        <div class="ancient wapper">
            <div class="main-tit">古代言情榜</div>
            <!--  -->
        </div>
        <div class="hot-into">
            <a href="#" data-tag="4">进入古代言情榜</a>
        </div>
        <div class="modern wapper">
            <div class="main-tit">现代言情榜</div>
            <!--  -->
        </div>
        <div class="hot-into">
            <a href="#" data-tag="5">进入现代言情榜</a>
        </div>

    </main>
    <footer>
        <div class="foot-logo">
            <img src="./images/decoration.png" alt="">
            <span class="iconfont iconbaidu"></span>
            <img src="./images/decoration.png" class="dec-right" alt="">
        </div>
        <div class="foot-line"></div>
        <div class="foot-txt">
            <p>“比鬼神更可怕的，是人心。”</p>
            <p class="source">--小艾同学</p>
        </div>
        <div class="foot-line foot-line-bottom"></div>

    </footer>
    <script src="./javascripts/ajax.js"></script>
    <script src="./javascripts/back2.js"></script>
    <script src="./javascripts/rankshow.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./javascripts/click.js"></script>
    <script src="./javascripts/tagclick.js"></script>
</body>

</html>